<article class="content ajax_info" style="">
<img class="avatar" width="60" src="{{users:avatar file = profile:avatar }}">
<table class="tbl-info" border="0" cellpadding="0" width="460">
<tr>
	<td style="text-transform:uppercase" width="250"><label>{{helper:lang line='users:full_name'}}: </label> {{ profile:display_name }}</td>
    <td width=""><label>{{helper:lang line='users:room'}}: </label> {{ profile:room_title }}</td>
    
</tr>
<tr>
	<td><label>{{helper:lang line='users:id2'}}: </label> {{ profile:id2 }}</td>
    <td><label>{{helper:lang line='users:position'}}: </label> {{ profile:group }}</td>
</tr>

<tr>
	<td><label>{{helper:lang line='users:sex'}}: </label>{{ profile:sex }}</td>
    <td><label>{{helper:lang line='users:date_start'}}: </label>{{ helper:date format="d/m/Y" timestamp=profile:date_start }}</td>
    
</tr>
<tr>
	<td><label>{{helper:lang line='users:birth'}}: </label>{{ helper:date format="d/m/Y" timestamp=profile:birth }}</td>
    <td><label>{{helper:lang line='users:phone'}}: </label>{{ profile:phone }}</td>    
</tr>
<tr>
	<td colspan="2" class="email">Email: {{ profile:email }}</td>
</tr>

</table>    
</article>

<script type="text/javascript">
$().ready(function(e) {
    $('.ajax_info').clone().dialog({
		width:570,
		resizable: false,
		modal:true,
		open: function() { 
			$(".ui-dialog").addClass("ui-dialog-shadow").append("<div class=\"shadow-tbl\"></div>"); 
			$(".ui-dialog-title").removeClass('ui-dialog-title');
			},
		close: function(event, ui)
        {
            $(this).dialog('destroy').remove()
        }
	});
});
</script>
